<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>wykl_managment</title>
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="./bootstrap-4.5.0-dist/css/bootstrap.css">
    <script src="bootstrap-4.5.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_1327450_9qlr53v4dy.css">
	<link rel="stylesheet" href="./css/management.css">
</head>
<body>
	<div class="container">
		<div class="top">
			<div class="logo">
				<img src="./img/wykllogo.png" alt=""> 考拉海购
			</div>
		</div>
		<div class="content">
			<div class="left">
				<ul class="left-nav">
					<li class="current">
						<i  class="iconfont icon-yonghu"></i>
						<a href="./management01.html">用户管理</a>
					</li>
					<li>
						<i class="iconfont icon-gouwuche"></i>
						<a href="./shopping.html">商品管理</a>
					</li>
					<li>
						<i class="iconfont icon-shangpin1"></i>
						<a href="./goods.html">商品品牌管理</a>
					</li>

				</ul>
			</div>
			<!-- 购物车信息 -->
			<div id="shopping" class="right">
				<div class="wrapper">
					<!-- 按钮组 -->
					<div class="btns">
						<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#shopAdd1">添加</button>
						<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#shopDelete">批量删除</button>
					</div>
					<!-- 表格区域 -->
					<table class="table">
						<thead>
							<tr>
								<td>选择</td>
								<td>编号</td>
								<td>名称</td>
								<td>价格</td>
								<td>产地</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>
			   <!-- 购物信息1 -->
							<tr>
								<td> <input type="checkbox"></td>
								<td>01</td>
								<td>YSL</td>
								<td>$50</td>
								<td>法国</td>
								<td>
									<button type="button" class="btn btn-danger"  data-toggle="modal" data-target="#shopDelete">删除</button>
									<button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#shopAdd"> 修改</button>
					
								</td>
							</tr>
              <!-- 购物信息2 -->
							<tr>
								<td> <input type="checkbox"></td>
								<td>02</td>
								<td>3CE</td>
								<td>$50</td>
								<td>美国</td>
                     <td>
						<button type="button" class="btn btn-danger"  data-toggle="modal" data-target="#shopDelete">删除</button>
						<button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#shopAdd"> 修改</button>
					</td>
				</tr>
              <!-- 购物信息3 -->
						<tr>
							<td> <input type="checkbox"></td>
							<td>03</td>
							<td>无印良品</td>
							<td>$20</td>
							<td>日本</td>
							<td>
								<button type="button" class="btn btn-danger"  data-toggle="modal" data-target="#shopDelete">删除</button>
									<button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#shopAdd"> 修改</button>
                            </td>
						</tr>
            <!-- 购物信息4 -->
			<tr>
						<td> <input type="checkbox"></td>
						<td>04</td>
						<td>vidivici</td>
						<td>$45</td>
						<td>韩国</td>
                <td>
					<button type="button" class="btn btn-danger"  data-toggle="modal" data-target="#shopDelete">删除</button>
				    <button type="button" class="btn btn-secondary"  data-toggle="modal" data-target="#shopAdd"> 修改</button>
                 </td>
			</tr>
      <!-- 商品删除-->
      <div class="modal fade" id="shopDelete" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
		  <div class="modal-content">
			<div class="modal-header">
			  <h5 class="modal-title" id="exampleModalLabel">删除商品信息</h5>
			  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			  </button>
			</div>
			<div class="modal-body">
			 您确定要删除此条信息吗？
			</div>
			<div class="modal-footer">
			  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
			  <button type="button" class="btn btn-primary">确认</button>
			</div>
		  </div>
		</div>
	   </div>


	   <!--商品编辑-->
   <div class="modal fade" id="shopAdd" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		   <h5 class="modal-title" id="exampleModalLabel">商品品牌编辑</h5>
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <div class="modal-body">
		<form action="xx" method="POST">
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品编号</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品编号">
				</div>
			</div>
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品名称</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品名称">
				</div>
			</div>
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品价格</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品价格">
				</div>
			</div>
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品产地</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品产地">
				</div>
			</div>
	</form>
	  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
		<button type="button" class="btn btn-primary">确认</button>
	  </div>
	</div>
  </div>
</div>


<!-- 商品新增 -->
<div class="modal fade" id="shopAdd1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		   <h5 class="modal-title" id="exampleModalLabel">新增商品信息</h5>
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <div class="modal-body">
		<form action="xx" method="POST">
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品编号</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品编号">
				</div>
			</div>
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品名称</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品名称">
				</div>
			</div>
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品价格</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品价格">
				</div>
			</div>
			<div class="form-group row">
				<label for="inputEmail3" class="col-sm-2 col-form-label">商品产地</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="add-username" name="username" placeholder="请输入商品产地">
				</div>
			</div>
	</form>
	  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
		<button type="button" class="btn btn-primary">确认</button>
	  </div>
	</div>
  </div>
</div>

			   </tbody>
	         </table>
			</div>
		   </div>
		</div>
	  </div>
   </body>
</html>